/* move special fonts to HTML head for better performance */
@import url('http://fonts.googleapis.com/css?family=Open+Sans:200,300,400,600,700');


/* custom template */
html, body {
    height: 100%;
    font-family:'Open Sans',arial,sans-serif;
}

a {
    color:#222222;
}

.wrapper, .row {
    height: 100%;
    margin-left:0;
    margin-right:0;
}

.wrapper:before, .wrapper:after,
.column:before, .column:after {
    content: "";
    display: table;
}

.wrapper:after,
.column:after {
    clear: both;
}

.column {
    height: 100%;
    overflow: auto;
    *zoom:1;
}

.column .padding {
    padding: 20px;
}

.box {
    bottom: 0; /* increase for footer use */
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background-size:cover;
    background-attachment:fixed;
}

.divider {
    margin-top:32px;
}

#main {
    /*background-color:#fefefe;*/
    background: url('../img/bg/bg02.png');
}
#main .img-circle {
    margin-top:18px;
    height:70px;
    width:70px;
}

#sidebar {
    background: url('../img/bg/bg03.png');
    /*background-color: #333;*/
    /*text-shadow:1px 0 1px #888888;*/
}

#sidebar a {
    color:#ffffff;
}

#sidebar a.logo {
    display:block;
    padding:3px;
    /*background-color:#fff;*/
    color:#777777;
    height:40px;
    width:40px;
    margin:15px;
    font-size:26px;
    font-weight:700;
    text-align:center;
    text-decoration:none;
    text-shadow:0 0 0;
}
#sidebar-footer {
    position:absolute;bottom:5px;
}
#footer {
    margin-bottom:20px;
}

/* center and adjust the sidebar contents on smaller devices */
@media (max-width: 768px) {
    #sidebar,#sidebar a.logo {
        text-align:center;
        margin:0 auto;
        margin-top:30px;
        font-size:26px;
    }
    #sidebar a.logo {
        font-size:50px;
        height:75px;
        width:75px;
        margin-bottom:30px;
    }
}




/* bootstrap overrides */

h1,h2,h3 {
    font-weight:800;
    font-family:'Open Sans',arial,sans-serif;
}

.jumbotron {
    background-color:transparent;
}
.label-default {
    background-color:#dddddd;
}
.page-header {
    margin-top: 55px;
    padding-top: 9px;
    border-top:1px solid #eeeeee;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
}

.col-sm-9.full {
    width: 100%;
}

small.text-muted {
    font-family:courier,courier-new,monospace;
}

#main-menu li:hover {
    background: #e74c3c;
}

#main-menu li .ts-active {
    background: #e74c3c;
}

#main-menu li {
    border-radius: 2px;
    transition: all 0.3s;
}

.nav > li > a:hover, .nav > li > a:focus {
    background: transparent;
}

#fixed-top-menu {
    /*background: #e74c3c;*/
    /*background: linear-gradient(to bottom, #e74c3c, #c0392b);*/
    background: linear-gradient(to bottom, #e74c3c, #c0392b);
}

#fixed-top-menu a {
    color: #fff;
    font-size: 12pt;
    font-family: cambria;
}

#fixed-top-menu li:hover {
    /*background: url('../img/bg/bg03.png');*/
    background: #222;
}

#fixed-top-menu .ts-active {
    background: #222;
}

#fixed-top-menu li{ 
    transition: all 0.3s;
}

h1, h2, h3, .nav a {
    font-family: cambria;
}